<script lang="tsx">
import {Component, Inject, Vue} from 'vue-property-decorator'

const symbol = Symbol('baz')

@Component
export default class Grandson extends Vue {

    @Inject()
    foo!: string

    @Inject('bar')
    bar!: string

    @Inject({ from: 'optional', default: 'default' })
    optional!: string

    // 不知到怎么用
    @Inject(symbol)
    baz!: string

    render() {
        console.log()
        return (
            <div>
                <hr/>
                {this.bar}
                {this.optional}
              我是孙子组件
                <br/>
                淡粉色的11
                {this.baz}
            </div>
        )
    }
}
</script>

<style scoped>

</style>
